<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<script src="js/mui.min.js"></script>
		<style>
			.shoujihao{
				
				margin-top: 90px;
				border-radius: 20px;
				width: 90%;
			    display: block;
               margin: 0 auto;	
               margin-top: 100px;
			   
               			}
               			
               	.jiaoyanma{
				margin-top: 30px;
				border-radius: 20px;
				width: 90%;
			   display: block;
               margin: 0 auto;	
               margin-top: 30px;		   
               			}
               			
               	.mui-input-group:before {
					    position: absolute;
					    top: 0;
					    right: 0;
					    left: 0;
					    height: 1px;
					    content: '';
					    -webkit-transform: scaleY(.5);
					    transform: scaleY(.5);
					    background-color: transparent;
                       }  
				 .mui-input-group:after {
				    position: absolute;
				    right: 0;
				    bottom: 0;
				    left: 0;
				    height: 1px;
				    content: '';
				    -webkit-transform: scaleY(.5);
				    transform: scaleY(.5);
				    background-color: transparent;
				}
				   
               		
               			
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">忘记密码</h1>
		</header>
	
		  <form class="mui-input-group shoujihao">
		    <div class="mui-input-row">
		        <label style="font-size: 14px; text-align: center;">中国 +86</label>
		        <input type="text" class="mui-input-clear" placeholder="请输入手机号">
		    </div>
		</form>
		
		  <form class="mui-input-group jiaoyanma">
		    <div class="mui-input-row">
		       <label style="color:#38ADFF ; font-size: 14px; text-align: center;">获取验证码</label>
		        <input type="text" class="mui-input-clear" placeholder="请输入校验码">
		         
		    </div>
		</form>

	<button  class="mui-btn mui-btn-block mui-btn-primary" style="background-color:#039aff; border-radius: 20px; width: 90%; height: 90%; margin: 40px auto;" id="xiayibu">下一步</button>
				
		
		
		
		
		
	
		
		<script type="text/javascript">
			mui.init()
				//跳转下一步页面
				document.getElementById("xiayibu").addEventListener('tap', function(event) {
						mui.openWindow({
							url: 'xiayibu.html',
							id: 'xiayibu',
							preload: true,
							show: {
								aniShow: 'pop-in',
								duration:'800',
							},
							styles: {
								popGesture: 'hide',
							},
							waiting: {
								autoShow: false
							}
						});
						}, false);	
			
			
		</script>
	</body>

</html>